<template>
	<view class="ss-flex ss-row-center">
		<z-image src="/static/bg/icon-title-left.png" width="40" height="16" mode="widthFix"></z-image>
		<view :style="{fontSize:fontSize + 'rpx',color:color}" :class="bold?'font-w-500':''" class=" ss-font-40 ss-m-x-32 ss-line-1">{{ title }}</view>
		<z-image src="/static/bg/icon-title-right.png" width="40" height="16" mode="widthFix"></z-image>
	</view>
</template>

<script setup>
	defineProps({
		title:{
			type:String,
			default:''
		},
		fontSize:{
			type:[String,Number],
			default:40
		},
		bold:{
			type:Boolean,
			default:true
		},
		color:{
			type:String,
			default:'#16220F'
		}
	})
</script>

<style>

</style>